<template>
  <div>
    首页
    <el-button @click="btnClick">简单excel导出</el-button>
    <el-button @click="btnClick2">复杂excel导出</el-button>
  </div>
</template>
<script>
import { export_json_to_excel } from '@/vendor/Export2Excel'
export default {
  created() {
    // const {aaa=999}={}
    this.fn({ age: 18 })
  },
  methods: {
    // fn({ name = '张三' } = {}) {},
    fn({ name = '张三' } = {}) {
      console.log(name)
    },
    btnClick() {
      /*
        姓名    年龄
        张三     18
        李四     20
        */

      // filename:导出excelk文件名
      // header:头部标题数据['姓名','年龄']
      // data:excel列表数据[['张三',18],['李四',20]]
      export_json_to_excel({
        filename: '导出简单excel',
        header: ['姓名', '年龄'],
        data: [['张三', 18], ['李四', 20]]
      })
    },
    btnClick2() {
      // multiHeader:其它表头[[表头1数据],[表头2数据]....]
      // merges:['起点:终点',.....]
      // filename:导出excelk文件名
      // header:头部标题数据['姓名','年龄']
      // data:excel列表数据[['张三',18],['李四',20]]
      export_json_to_excel({
        multiHeader: [['员工列表', '', ''], ['员工必填信息', '', '备注']],
        header: ['姓名', '年龄', ''],
        data: [['张三', 18, '无'], ['李四', 20, '无']],
        merges: ['A1:C1', 'A2:B2', 'C2:C3'],
        filename: '复杂表头导出'
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.box{
  width: 300px;
  height: 300px;
  border:5px dashed black;
}
</style>
